<div class="body">
  <div class="body_resize">
    <div class="left">
      <small>
        <h1><small>Ordenes de Servicio pendientes</small></h1>
        <p>
          <b>
            <table border="1" cellpadding="3" cellspacing="0">

              <% form_tag({:controller => "orden_servicios", :action => "modificar_ordenes"}, :method => 'post') do %>
                <%=  collection_select :empleado, :id, @empleados_disponibles, :id, :nombre, options = {:prompt => "Seleccione un empleado para la recoleccion"}, html_options ={:class =>"listBox"} %>

                <% @ordenes_pendiente.each do |orden_pendiente| %>
                  <%  @direccion = Direccion.find(orden_pendiente.direccion_id) %>

                  <tr style=" font-size: 12px"  >
                    <td><%=  check_box("enviar","orden" + orden_pendiente.id.to_s ,{:onclick => "marca(" + @direccion.latitud.to_s + ',' + @direccion.longitud.to_s + " )"}, orden_pendiente.id, 'no') %></td>
                    <td><%=h orden_pendiente.nombre_receptor %></td>
                    <td><%=h orden_pendiente.apellido_receptor %></td>
                    <td>Tracking: <small><span style="font-style: italic; font-weight: bold"> <%=h orden_pendiente.traking %> </span></small></td>
                    <td>Estatus: <small><span style="font-style: italic; font-weight: bold"><%=h orden_pendiente.estatus %> </span></small></td>
                    <td><small><span style="font-style: italic; font-weight: bold"><%=h orden_pendiente.residencia_calle %></span></small></td>
                    <td><small><span style="font-style: italic; font-weight: bold"><%=h orden_pendiente.apartamento_num_casa %></span></small></td>
                    <td><small><span style="font-style: italic; font-weight: bold"><%=h orden_pendiente.urbanizacion %></span></small></td>
                    <td><small><span style="font-style: italic; font-weight: bold"><%=h orden_pendiente.ciudad %></span></small></td>
                    <td><small><span style="font-style: italic; font-weight: bold"><%=h orden_pendiente.pais %></span></small></td><br />
                  </tr>

                <%end%>
                <br />
              </table>
            </b>
          </p>
          <br />
          <%= hidden_field_tag 'estatus', 'Asignada para Recoleccion' %>
          <%= submit_tag 'Asignar para Recoleccion', :onclick => 'this.form.submit()' %>
        <%end%>
        <br /> <br />


        <small><h2>Direcciones Asignadas para Recoleccion</h2></small>
        <br></br>

        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript">
          var centrodelmapa = new google.maps.LatLng(10.496420232955682, -66.906738281258);

          var marker;
          var map;

          function initialize() {
            var mapOptions = {
              zoom: 12,
              mapTypeId: google.maps.MapTypeId.ROADMAP,
              center: centrodelmapa
            };

            map = new google.maps.Map(document.getElementById("map"),
            mapOptions);
<% @direcmapa.each do |direccion| %>
    var positionmarcador = new google.maps.LatLng(<%=direccion.latitud%>, <%=direccion.longitud%>);
    marker = new google.maps.Marker({
      map:map,
      draggable:false,
      animation: google.maps.Animation.DROP,
      position: positionmarcador
    });
    google.maps.event.addListener(marker, 'click', toggleBounce);
<%end%>

}

function toggleBounce() {

  if (marker.getAnimation() != null) {
    marker.setAnimation(null);
  } else {
    marker.setAnimation(google.maps.Animation.BOUNCE);
  }
}
function coordinates() {
  var point = new google.maps.LatLng(marker.getPosition().lat(),marker.getPosition().lng(),true);
  map.panTo(point);
  document.getElementById("direccion_latitud").value = point.lat();
  document.getElementById("direccion_longitud").value = point.lng();
}
        </script>

        <body onload="initialize()"></body>
        <center>
          <div id="map" style="width: 610px; height: 480px"></div>
          <div id="message"></div>
          <br></br>
        </center>





        <br></br>
      </small>

    </div>

    <div class="right">
      <br></br>
      <small>Hola!   </small><small><%= session[:empleado_nombre]%></small>
      <small><%= link_to 'Finalizar Sesión', :controller => :session, :action => :fin_sesion %></small>
      <br></br>
      <img src="/images/carretillaCajita.jpg" alt="" width="270" height="270" />

    </div>
    <div class="clr"></div>
  </div>
</div>